<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>vuepress-theme-reco</title>
    <meta name="description" content="A simple and beautiful vuepress Blog &amp; Doc theme.">
    <meta name="generator" content="VuePress 1.3.1">
    <link rel="icon" href="/favicon.ico">
  <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
  <meta name="author" content="reco_luan">
  <meta name="keywords" content="vuepress,reco,reco_luan,vuepress-reco,vuepress-theme-reco,theme,blog,主题">
  <link rel="manifest" href="/manifest.json">
  <meta name="theme-color" content="#42b983">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <link rel="apple-touch-icon" href="/icon_vuepress_reco.png">
  <link rel="mask-icon" href="/icon_vuepress_reco.svg" color="#42b983">
  <meta name="msapplication-TileImage" content="/icon_vuepress_reco.png">
  <meta name="msapplication-TileColor" content="#000000">
    
    <link rel="preload" href="/assets/css/0.styles.4e2048d8.css" as="style"><link rel="preload" href="/assets/js/app.3d7685c5.js" as="script"><link rel="preload" href="/assets/js/6.7bd5e87b.js" as="script"><link rel="preload" href="/assets/js/1.a9e33958.js" as="script"><link rel="preload" href="/assets/js/2.a4c18a1a.js" as="script"><link rel="preload" href="/assets/js/40.4780b73e.js" as="script"><link rel="preload" href="/assets/js/13.4f84aca4.js" as="script"><link rel="preload" href="/assets/js/16.b0c7dde8.js" as="script"><link rel="preload" href="/assets/js/21.709c4a5f.js" as="script"><link rel="prefetch" href="/assets/js/10.f8c74848.js"><link rel="prefetch" href="/assets/js/100.49a9a46e.js"><link rel="prefetch" href="/assets/js/101.738ab0dc.js"><link rel="prefetch" href="/assets/js/102.fa7bd247.js"><link rel="prefetch" href="/assets/js/103.e22d324e.js"><link rel="prefetch" href="/assets/js/104.4ed1aa56.js"><link rel="prefetch" href="/assets/js/105.bac39db7.js"><link rel="prefetch" href="/assets/js/106.424a60a0.js"><link rel="prefetch" href="/assets/js/107.305dd3fd.js"><link rel="prefetch" href="/assets/js/108.7cf91140.js"><link rel="prefetch" href="/assets/js/109.0169cf94.js"><link rel="prefetch" href="/assets/js/11.67cbe9b5.js"><link rel="prefetch" href="/assets/js/110.b6b87c8a.js"><link rel="prefetch" href="/assets/js/111.362da01b.js"><link rel="prefetch" href="/assets/js/12.43ff3570.js"><link rel="prefetch" href="/assets/js/14.b6bdeb4b.js"><link rel="prefetch" href="/assets/js/15.8fa4ab11.js"><link rel="prefetch" href="/assets/js/17.fce83703.js"><link rel="prefetch" href="/assets/js/18.204f65cc.js"><link rel="prefetch" href="/assets/js/19.2ecc5b44.js"><link rel="prefetch" href="/assets/js/20.64c95391.js"><link rel="prefetch" href="/assets/js/22.640ae23b.js"><link rel="prefetch" href="/assets/js/23.f0934df9.js"><link rel="prefetch" href="/assets/js/24.368e4a33.js"><link rel="prefetch" href="/assets/js/25.02de3068.js"><link rel="prefetch" href="/assets/js/26.47b281fc.js"><link rel="prefetch" href="/assets/js/27.ecb5afe4.js"><link rel="prefetch" href="/assets/js/28.50aa06fc.js"><link rel="prefetch" href="/assets/js/29.e119570a.js"><link rel="prefetch" href="/assets/js/30.97f8cd99.js"><link rel="prefetch" href="/assets/js/31.ab07a637.js"><link rel="prefetch" href="/assets/js/32.3315a8ea.js"><link rel="prefetch" href="/assets/js/33.67eb463c.js"><link rel="prefetch" href="/assets/js/34.40893ad5.js"><link rel="prefetch" href="/assets/js/35.32bf30c7.js"><link rel="prefetch" href="/assets/js/36.1c483947.js"><link rel="prefetch" href="/assets/js/37.795b89eb.js"><link rel="prefetch" href="/assets/js/38.7460b3b9.js"><link rel="prefetch" href="/assets/js/39.0eb17710.js"><link rel="prefetch" href="/assets/js/41.2df9bb2c.js"><link rel="prefetch" href="/assets/js/42.ac25375f.js"><link rel="prefetch" href="/assets/js/43.e3678ac4.js"><link rel="prefetch" href="/assets/js/44.a0ed62ae.js"><link rel="prefetch" href="/assets/js/45.63f3b53f.js"><link rel="prefetch" href="/assets/js/46.f8954c84.js"><link rel="prefetch" href="/assets/js/47.fda62871.js"><link rel="prefetch" href="/assets/js/48.44cf1bda.js"><link rel="prefetch" href="/assets/js/49.14ad3619.js"><link rel="prefetch" href="/assets/js/50.80808768.js"><link rel="prefetch" href="/assets/js/51.e45edf56.js"><link rel="prefetch" href="/assets/js/52.2f27cf6d.js"><link rel="prefetch" href="/assets/js/53.0c05c573.js"><link rel="prefetch" href="/assets/js/54.c47e5cf5.js"><link rel="prefetch" href="/assets/js/55.9e51424a.js"><link rel="prefetch" href="/assets/js/56.24935496.js"><link rel="prefetch" href="/assets/js/57.4f4deaf9.js"><link rel="prefetch" href="/assets/js/58.5b16f9e7.js"><link rel="prefetch" href="/assets/js/59.7ba7af21.js"><link rel="prefetch" href="/assets/js/60.9779318f.js"><link rel="prefetch" href="/assets/js/61.dee393e3.js"><link rel="prefetch" href="/assets/js/62.e7f3b235.js"><link rel="prefetch" href="/assets/js/63.9ddf81aa.js"><link rel="prefetch" href="/assets/js/64.f00e55ab.js"><link rel="prefetch" href="/assets/js/65.eb5472cc.js"><link rel="prefetch" href="/assets/js/66.3d23f346.js"><link rel="prefetch" href="/assets/js/67.4781974d.js"><link rel="prefetch" href="/assets/js/68.6347488b.js"><link rel="prefetch" href="/assets/js/69.1433b590.js"><link rel="prefetch" href="/assets/js/7.001d6d1f.js"><link rel="prefetch" href="/assets/js/70.10c16e77.js"><link rel="prefetch" href="/assets/js/71.94e81cb6.js"><link rel="prefetch" href="/assets/js/72.446c129c.js"><link rel="prefetch" href="/assets/js/73.0621d721.js"><link rel="prefetch" href="/assets/js/74.05bebf0a.js"><link rel="prefetch" href="/assets/js/75.a3405035.js"><link rel="prefetch" href="/assets/js/76.858e2ec8.js"><link rel="prefetch" href="/assets/js/77.0624708b.js"><link rel="prefetch" href="/assets/js/78.4f2f7d68.js"><link rel="prefetch" href="/assets/js/79.2e29a197.js"><link rel="prefetch" href="/assets/js/8.8b1bda30.js"><link rel="prefetch" href="/assets/js/80.a0f61cce.js"><link rel="prefetch" href="/assets/js/81.8003bac6.js"><link rel="prefetch" href="/assets/js/82.0fb09b2d.js"><link rel="prefetch" href="/assets/js/83.60217cb7.js"><link rel="prefetch" href="/assets/js/84.212565d2.js"><link rel="prefetch" href="/assets/js/85.12d90566.js"><link rel="prefetch" href="/assets/js/86.8fb4abe9.js"><link rel="prefetch" href="/assets/js/87.156a677c.js"><link rel="prefetch" href="/assets/js/88.e0f77341.js"><link rel="prefetch" href="/assets/js/89.e910a021.js"><link rel="prefetch" href="/assets/js/9.c6c4de0a.js"><link rel="prefetch" href="/assets/js/90.0f9bfc3f.js"><link rel="prefetch" href="/assets/js/91.b593becb.js"><link rel="prefetch" href="/assets/js/92.72a75b3d.js"><link rel="prefetch" href="/assets/js/93.9fbdfbc9.js"><link rel="prefetch" href="/assets/js/94.8eb32002.js"><link rel="prefetch" href="/assets/js/95.0ad63af5.js"><link rel="prefetch" href="/assets/js/96.64ac409b.js"><link rel="prefetch" href="/assets/js/97.cd45ca7d.js"><link rel="prefetch" href="/assets/js/98.031ec751.js"><link rel="prefetch" href="/assets/js/99.13900070.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.cd0c8bde.js"><link rel="prefetch" href="/assets/js/vendors~flowchart.b6244500.js">
    <link rel="stylesheet" href="/assets/css/0.styles.4e2048d8.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div><div class="theme-container no-sidebar" data-v-319dd33c><div data-v-319dd33c><div id="loader-wrapper" class="loading-wrapper" data-v-4b73742e data-v-319dd33c data-v-319dd33c><div class="loader-main" data-v-4b73742e><div data-v-4b73742e></div><div data-v-4b73742e></div><div data-v-4b73742e></div><div data-v-4b73742e></div></div> <h3 class="title" data-v-4b73742e>vuepress-theme-reco</h3> <p class="description" data-v-4b73742e>A simple and beautiful vuepress Blog &amp; Doc theme.</p></div> <div class="password-shadow password-wrapper-out" style="display:none;" data-v-1e2a0cc0 data-v-319dd33c data-v-319dd33c><h3 class="title" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0>vuepress-theme-reco</h3> <!----> <label id="box" class="inputBox" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0><input type="password" value="" data-v-1e2a0cc0> <span data-v-1e2a0cc0>Konck! Knock!</span> <button data-v-1e2a0cc0>OK</button></label> <div class="footer" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0><span data-v-1e2a0cc0><i class="iconfont reco-theme" data-v-1e2a0cc0></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-1e2a0cc0>vuePress-theme-reco</a></span> <span data-v-1e2a0cc0><i class="iconfont reco-copyright" data-v-1e2a0cc0></i> <a data-v-1e2a0cc0><span data-v-1e2a0cc0>reco_luan</span>
            
          <span data-v-1e2a0cc0>2017 - </span>
          2020
        </a></span></div></div> <div class="hide" data-v-319dd33c><header class="navbar" data-v-319dd33c><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/en/" class="home-link router-link-exact-active router-link-active"><!----> <span class="site-name">vuepress-theme-reco</span></a> <div class="links"><div class="color-picker"><a class="color-button"><i class="iconfont reco-color"></i></a> <div class="color-picker-menu" style="display:none;"><div class="mode-options"><h4 class="title">Choose mode</h4> <ul class="color-mode-options"><li class="dark">dark</li><li class="auto active">auto</li><li class="light">light</li></ul></div></div></div> <form id="search-form" role="search" class="algolia-search-wrapper search-box"><i class="iconfont reco-search"></i> <input id="algolia-search-input" class="search-query"></form> <nav class="nav-links can-hide"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="iconfont undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="iconfont undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" class="nav-link"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont undefined"></i>
      Languages
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/" class="nav-link"><i class="iconfont undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/" class="nav-link router-link-exact-active router-link-active"><i class="iconfont undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav></div></header> <div class="sidebar-mask" data-v-319dd33c></div> <aside class="sidebar" data-v-319dd33c><div class="personal-info-wrapper" data-v-6c8ffc9c><img src="/head.png" alt="author-avatar" class="personal-img" data-v-6c8ffc9c> <h3 class="name" data-v-6c8ffc9c>
    reco_luan
  </h3> <div class="num" data-v-6c8ffc9c><div data-v-6c8ffc9c><h3 data-v-6c8ffc9c>7</h3> <h6 data-v-6c8ffc9c>文章</h6></div> <div data-v-6c8ffc9c><h3 data-v-6c8ffc9c>4</h3> <h6 data-v-6c8ffc9c>标签</h6></div></div> <hr data-v-6c8ffc9c></div> <nav class="nav-links"><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont reco-api"></i>
      Documents
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><h4>Theme</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/1.x/" class="nav-link"><i class="iconfont undefined"></i>
  1.x
</a></li></ul></li><li class="dropdown-item"><h4>Plugin</h4> <ul class="dropdown-subitem-wrapper"><li class="dropdown-subitem"><a href="/en/views/plugins/" class="nav-link"><i class="iconfont undefined"></i>
  plugin
</a></li></ul></li></ul></div></div><div class="nav-item"><a href="/en/views/other/question.html" class="nav-link"><i class="iconfont reco-faq"></i>
  FAQ
</a></div><div class="nav-item"><a href="/en/views/other/theme-example.html" class="nav-link"><i class="iconfont reco-category"></i>
  Examples
</a></div><div class="nav-item"><a href="https://vuepress-theme-reco.recoluan.com/rss.xml" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-rss"></i>
  RSS
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/vuepress-reco/vuepress-theme-reco" target="_blank" rel="noopener noreferrer" class="nav-link external"><i class="iconfont reco-github"></i>
  GitHub
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><div class="dropdown-wrapper"><a class="dropdown-title"><span class="title"><i class="iconfont undefined"></i>
      Languages
    </span> <span class="arrow right"></span></a> <ul class="nav-dropdown" style="display:none;"><li class="dropdown-item"><!----> <a href="/" class="nav-link"><i class="iconfont undefined"></i>
  简体中文
</a></li><li class="dropdown-item"><!----> <a href="/en/" class="nav-link router-link-exact-active router-link-active"><i class="iconfont undefined"></i>
  English
</a></li></ul></div></div> <a href="https://github.com/vuepress-reco/vuepress-reco.github.io" target="_blank" rel="noopener noreferrer" class="repo-link"><i class="iconfont reco-github"></i>
    GitHub
    <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></nav>  <!----> </aside> <div class="password-shadow password-wrapper-in" style="display:none;" data-v-1e2a0cc0 data-v-319dd33c><h3 class="title" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0></h3> <!----> <label id="box" class="inputBox" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0><input type="password" value="" data-v-1e2a0cc0> <span data-v-1e2a0cc0>Konck! Knock!</span> <button data-v-1e2a0cc0>OK</button></label> <div class="footer" style="display:none;" data-v-1e2a0cc0 data-v-1e2a0cc0><span data-v-1e2a0cc0><i class="iconfont reco-theme" data-v-1e2a0cc0></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-1e2a0cc0>vuePress-theme-reco</a></span> <span data-v-1e2a0cc0><i class="iconfont reco-copyright" data-v-1e2a0cc0></i> <a data-v-1e2a0cc0><span data-v-1e2a0cc0>reco_luan</span>
            
          <span data-v-1e2a0cc0>2017 - </span>
          2020
        </a></span></div></div> <div data-v-319dd33c><article class="home-page-one-wrapper" data-v-3409f624><section class="description" data-v-3409f624><img src="/icon_vuepress_reco.png" alt="hero" style="max-width:200px;width:100%;display:block;margin:5rem auto 2rem;border-radius:1rem;" data-v-3409f624> <p class="description" data-v-3409f624>A simple and beautiful vuepress Blog &amp; Doc theme.</p> <div data-v-3409f624><iframe src="https://ghbtns.com/github-btn.html?user=vuepress-reco&repo=vuepress-theme-reco&type=star&count=true&q=GitHub+Octocat+in:readme+user:defunkt" frameborder="0" scrolling="0" width="100px" height="20px" data-v-3409f624></iframe> <img src="https://img.shields.io/badge/download-0-orange.svg?style=social&amp;logo=npm" alt data-v-3409f624></div> <a href="/en/views/other/about" class="btn-about" data-v-3409f624>About</a> <img src="/assets/img/blog.3e05c04a.svg" alt class="banner" data-v-3409f624></section> <section class="wish yesterday" data-v-3409f624><div class="wish-inner" data-v-3409f624><div class="img-wrapper" data-v-3409f624><img src="/assets/img/yesterday.8e49f298.svg" alt data-v-3409f624></div> <div class="text-wrapper" data-v-3409f624><h1 data-v-3409f624>Yesterday</h1> <p class="description" data-v-3409f624>Develop a vuepress blog theme that looks happy and writes smoothly.</p></div></div></section> <section class="wish today" data-v-3409f624><div class="wish-inner" data-v-3409f624><div class="text-wrapper" data-v-3409f624><h1 data-v-3409f624>Today</h1> <p class="description" data-v-3409f624>Help more people spend more time on content creation than on blogging.</p></div> <div class="img-wrapper" data-v-3409f624><img src="/assets/img/today.484a4d22.svg" alt data-v-3409f624></div></div></section> <section class="wish tomorrow" data-v-3409f624><div class="wish-inner" data-v-3409f624><div class="img-wrapper" data-v-3409f624><img src="/assets/img/tomorrow.81f0b143.svg" alt data-v-3409f624></div> <div class="text-wrapper" data-v-3409f624><h1 data-v-3409f624>Tomorrow</h1> <p class="description" data-v-3409f624>I hope more fans can get involved and help this theme grow better.</p></div></div></section> <section class="md-content-wrapper" data-v-3409f624><div class="content__default" data-v-3409f624><h2 id="update-record-more"><a href="#update-record-more" class="header-anchor">#</a> Update Record <a href="/views/other/notice">more+</a></h2> <div class="custom-block tip"><p><strong>[2020-03-16]</strong> 更新 <code>1.3.2</code></p> <ol><li>【优化】暗色模式字体颜色</li> <li>【修复】暗色模式初始化无效</li></ol> <hr> <p><strong>[2020-03-15]</strong> 更新 <code>1.3.0</code></p> <ol><li>【修复】详情页评论块无加载动画</li> <li>【修复】刷新按钮的暗色适配</li> <li>【增加】增加容器 <code>right</code>, <code>theorem</code>, <code>details</code> <a href="/views/1.x/syntax.html#容器">文档</a> <a href="https://github.com/franklinqin0" target="_blank" rel="noopener noreferrer">@franklinqin0<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li>【增加】增加 tagline（首页的描述）并可以通过 null 来关闭 <a href="https://v1.vuepress.vuejs.org/zh/theme/default-theme-config.html#%E9%A6%96%E9%A1%B5" target="_blank" rel="noopener noreferrer">文档<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></li> <li>【增加】增加暗色模式初始化配置 <a href="/views/1.x/mode.html#初始化">文档</a></li> <li>【重构】密码需要再设置中设置 <code>MD5</code> 加密后的32位密文 <a href="/views/1.x/password.html#设置密文">文档</a></li> <li>【重构】滚动条样式</li></ol></div> <h2 id="quick-start"><a href="#quick-start" class="header-anchor">#</a> Quick start</h2> <p><strong>npx</strong></p> <div class="language- extra-class"><pre class="language-text"><code>npx @vuepress-reco/theme-cli init my-blog
</code></pre></div><p><strong>npm</strong></p> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token comment"># init</span>
<span class="token function">npm</span> <span class="token function">install</span> @vuepress-reco/theme-cli -g
theme-cli init my-blog

<span class="token comment"># install</span>
<span class="token builtin class-name">cd</span> my-blog
<span class="token function">npm</span> <span class="token function">install</span>

<span class="token comment"># run</span>
<span class="token function">npm</span> run dev

<span class="token comment"># build</span>
<span class="token function">npm</span> run build
</code></pre></div><p><strong>yarn</strong></p> <div class="language-bash extra-class"><pre class="language-bash"><code><span class="token comment"># init</span>
<span class="token function">yarn</span> global <span class="token function">add</span> @vuepress-reco/theme-cli
theme-cli init my-blog

<span class="token comment"># install</span>
<span class="token builtin class-name">cd</span> my-blog
<span class="token function">yarn</span> <span class="token function">install</span>
</code></pre></div><h2 id="contributors"><a href="#contributors" class="header-anchor">#</a> Contributors</h2> <div class="contributors-wrapper" data-v-53193d32><h3 class="contributors-title" data-v-53193d32>
    vuepress-theme-reco
    <a rel="noopener noreferrer" target="_blank" title="vuepress-reco/vuepress-theme-reco" href="https://github.com/vuepress-reco/vuepress-theme-reco" class="github-link" data-v-53193d32><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14 0C6.27 0 0 6.43 0 14.36c0 6.34 4.01 11.72 9.57 13.62.7.13.96-.31.96-.69 0-.34-.01-1.24-.02-2.44-3.89.87-4.72-1.92-4.72-1.92-.64-1.66-1.55-2.1-1.55-2.1-1.27-.89.1-.87.1-.87 1.4.1 2.14 1.48 2.14 1.48 1.25 2.19 3.28 1.56 4.07 1.19.13-.93.49-1.56.89-1.92-3.11-.36-6.38-1.59-6.38-7.09 0-1.57.55-2.85 1.44-3.85-.14-.36-.62-1.82.14-3.8 0 0 1.18-.39 3.85 1.47a12.8 12.8 0 0 1 3.5-.48c1.19.01 2.39.16 3.5.48 2.67-1.86 3.85-1.47 3.85-1.47.76 1.98.28 3.44.14 3.8.9 1 1.44 2.28 1.44 3.85 0 5.51-3.27 6.73-6.39 7.08.5.44.95 1.32.95 2.66 0 1.92-.02 3.47-.02 3.94 0 .38.25.83.96.69C23.99 26.07 28 20.7 28 14.36 28 6.43 21.73 0 14 0z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a></h3> <ul class="contributors-list" data-v-53193d32></ul></div> <div class="contributors-wrapper" data-v-53193d32><h3 class="contributors-title" data-v-53193d32>
    vuepress-reco.github.io
    <a rel="noopener noreferrer" target="_blank" title="vuepress-reco/vuepress-reco.github.io" href="https://github.com/vuepress-reco/vuepress-reco.github.io" class="github-link" data-v-53193d32><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14 0C6.27 0 0 6.43 0 14.36c0 6.34 4.01 11.72 9.57 13.62.7.13.96-.31.96-.69 0-.34-.01-1.24-.02-2.44-3.89.87-4.72-1.92-4.72-1.92-.64-1.66-1.55-2.1-1.55-2.1-1.27-.89.1-.87.1-.87 1.4.1 2.14 1.48 2.14 1.48 1.25 2.19 3.28 1.56 4.07 1.19.13-.93.49-1.56.89-1.92-3.11-.36-6.38-1.59-6.38-7.09 0-1.57.55-2.85 1.44-3.85-.14-.36-.62-1.82.14-3.8 0 0 1.18-.39 3.85 1.47a12.8 12.8 0 0 1 3.5-.48c1.19.01 2.39.16 3.5.48 2.67-1.86 3.85-1.47 3.85-1.47.76 1.98.28 3.44.14 3.8.9 1 1.44 2.28 1.44 3.85 0 5.51-3.27 6.73-6.39 7.08.5.44.95 1.32.95 2.66 0 1.92-.02 3.47-.02 3.94 0 .38.25.83.96.69C23.99 26.07 28 20.7 28 14.36 28 6.43 21.73 0 14 0z" fill-rule="evenodd" clip-rule="evenodd"></path></svg></a></h3> <ul class="contributors-list" data-v-53193d32></ul></div></div></section></article> <div class="footer-wrapper footer" data-v-66bf7bce><span data-v-66bf7bce><i class="iconfont reco-theme" data-v-66bf7bce></i> <a target="blank" href="https://vuepress-theme-reco.recoluan.com" data-v-66bf7bce>VuePress-theme-reco</a></span> <!----> <span data-v-66bf7bce><i class="iconfont reco-copyright" data-v-66bf7bce></i> <a data-v-66bf7bce><span data-v-66bf7bce>reco_luan</span>
        
      <span data-v-66bf7bce>2017 - </span>
      2020
    </a></span> <span style="display:;" data-v-66bf7bce><i class="iconfont reco-eye" data-v-66bf7bce></i> <span id="/" data-flag-title="Your Article Title" class="leancloud-visitors" data-v-66bf7bce><a class="leancloud-visitors-count"></a></span></span> <!----></div> <div style="display:none;" data-v-319dd33c data-v-319dd33c><div class="comments-wrapper" style="display:none;" data-v-319dd33c><div class="valine-wrapper"><div id="valine"></div></div></div></div></div></div></div></div></div><div class="global-ui"><div class="back-to-ceiling" style="right:1rem;bottom:6rem;width:2.5rem;height:2.5rem;border-radius:.25rem;line-height:2.5rem;display:none;" data-v-a81d141e data-v-a81d141e><svg t="1574745035067" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5404" class="icon" data-v-a81d141e><path d="M526.60727968 10.90185116a27.675 27.675 0 0 0-29.21455937 0c-131.36607665 82.28402758-218.69155461 228.01873535-218.69155402 394.07834331a462.20625001 462.20625001 0 0 0 5.36959153 69.94390903c1.00431239 6.55289093-0.34802892 13.13561351-3.76865779 18.80351572-32.63518765 54.11355614-51.75690182 118.55860487-51.7569018 187.94566865a371.06718723 371.06718723 0 0 0 11.50484808 91.98906777c6.53300375 25.50556257 41.68394495 28.14064038 52.69160883 4.22606766 17.37162448-37.73630017 42.14135425-72.50938081 72.80769204-103.21549295 2.18761121 3.04276886 4.15646224 6.24463696 6.40373557 9.22774369a1871.4375 1871.4375 0 0 0 140.04691725 5.34970492 1866.36093723 1866.36093723 0 0 0 140.04691723-5.34970492c2.24727335-2.98310674 4.21612437-6.18497483 6.3937923-9.2178004 30.66633723 30.70611158 55.4360664 65.4791928 72.80769147 103.21549355 11.00766384 23.91457269 46.15860503 21.27949489 52.69160879-4.22606768a371.15156223 371.15156223 0 0 0 11.514792-91.99901164c0-69.36717486-19.13165746-133.82216804-51.75690182-187.92578088-3.42062944-5.66790279-4.76302748-12.26056868-3.76865837-18.80351632a462.20625001 462.20625001 0 0 0 5.36959269-69.943909c-0.00994388-166.08943902-87.32547796-311.81420293-218.6915546-394.09823051zM605.93803103 357.87693858a93.93749974 93.93749974 0 1 1-187.89594924 6.1e-7 93.93749974 93.93749974 0 0 1 187.89594924-6.1e-7z" p-id="5405" data-v-a81d141e></path><path d="M429.50777625 765.63860547C429.50777625 803.39355007 466.44236686 1000.39046097 512.00932183 1000.39046097c45.56695499 0 82.4922232-197.00623328 82.5015456-234.7518555 0-37.75494459-36.9345906-68.35043303-82.4922232-68.34111062-45.57627738-0.00932239-82.52019037 30.59548842-82.51086798 68.34111062z" p-id="5406" data-v-a81d141e></path></svg></div><!----><!----></div></div>
    <script src="/assets/js/app.3d7685c5.js" defer></script><script src="/assets/js/6.7bd5e87b.js" defer></script><script src="/assets/js/1.a9e33958.js" defer></script><script src="/assets/js/2.a4c18a1a.js" defer></script><script src="/assets/js/40.4780b73e.js" defer></script><script src="/assets/js/13.4f84aca4.js" defer></script><script src="/assets/js/16.b0c7dde8.js" defer></script><script src="/assets/js/21.709c4a5f.js" defer></script>
  </body>
</html>
